<div class="row">
				
	<div class="span9">
		<div class="row">

			<div class="clearfix">

				<div class="span5">
					<div>
						<h4>{{product.Title}}</h4>
					</div>
					<div>
						<img ng-src="{{product.DefaultImage.Url}}" width="370" alt=""></a>
					</div>
					<div>
						<img src="" alt="">
					</div>
				</div><!--end span5-->

				<div class="span4">
					<div class="product-set">
						<div>
							<span><span class="strike-through" ng-show="product.StrikedPrice != null"><price value="{{product.StrikedPrice.Value}}"></price></span> <price value="{{product.BestPrice.Value}}"></price></span>
						</div>
						<div class="" ng-show="1 == 2">
							<ul class="rating">
								<li><i class="star-on"></i></li>
								<li><i class="star-on"></i></li>
								<li><i class="star-on"></i></li>
								<li><i class="star-off"></i></li>
								<li><i class="star-off"></i></li>
							</ul>
							<span>18 Review(s) <a href="#">Make a Review</a></span>
						</div>
						<div class="product-info">
							<dl class="dl-horizontal">
								<dt>Availabilty:</dt>
								<dd>Available In Stock</dd>

								<dt>Product Code:</dt>
								<dd>{{product.Code}}</dd>

								<dt>Manfactuer:</dt>
								<dd>{{product.Brand.Name}}</dd>
							</dl>
						</div>
						<div>

							<div class="input-append">
								<input class="span1 text-center" type="number" ng-model="quantity" />
								<button class="btn btn-primary" ng-click="addToCart(product, quantity)"><i class="icon-shopping-cart icon-white"></i> Add To Cart</button>
							</div>

						</div>
					</div>
				</div>

			</div>

		</div>

		<div>
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#description" data-toggle="tab">Description</a>
				</li>
				<li>
					<a href="#specfications" data-toggle="tab">Specfications</a>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">Reviews <i class="icon-caret-down"></i></a>
					<ul class="dropdown-menu">
						<li><a href="#read-review" data-toggle="tab">Read Reviews</a></li>
						<li><a href="#make-review" data-toggle="tab">Make Review</a></li>
					</ul>
				</li>
			</ul>
			<div class="tab-content">
				<div class="tab-pane active" id="description">
					{{product.LongDescription}}
				</div>
				<div class="tab-pane" id="specfications">
					<table class="table table-compare">
						<tr>
										<td class="aligned-color"><h5>Momery</h5></td>
										<td>Test One</td>
										<td>16GB</td>
									</tr>
						<tr>
										<td class="aligned-color"><h5>Processor</h5></td>
										<td>No. of Cores</td>
										<td>No.4</td>
									</tr>
						<tr>
										<td class="aligned-color"><h5>Momery</h5></td>
										<td>Test One</td>
										<td>16GB</td>
									</tr>
						<tr>
										<td class="aligned-color"><h5>Processor</h5></td>
										<td>No. of Cores</td>
										<td>No.4</td>
									</tr>
					</table>
				</div>

				<div class="tab-pane" id="read-review" ng-repeat="review in productReviewList">
					<div class="clearfix">
						<div class="review-header">
							<ul class="rating">
								<li><i class="star-on"></i></li>
								<li><i class="star-on"></i></li>
								<li><i class="star-off"></i></li>
								<li><i class="star-off"></i></li>
								<li><i class="star-off"></i></li>
							</ul>
							<h4>{{review.UserName}}</h4>
							<small>{{review.CreationDate}}</small>
						</div>

						<div class="review-body">
							<p>{{review.Body}}</p>
						</div>
					</div>
				</div>

				<div class="tab-pane" id="make-review">
					<form method="post" action="page" class="form-horizontal">
						<div class="control-group">
							<label class="control-label" for="inputName">Your Name <span class="text-error">*</span></label>
							<div class="controls">
								<input type="text" name="#" id="inputName" placeholder="John Doe...">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="inputReview">Your Review <span class="text-error">*</span></label>
							<div class="controls">
								<textarea name="#" id="inputReview" placeholder="Put your review here..."></textarea>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="inputReview">Your Review <span class="text-error">*</span></label>
							<div class="controls">
								<div class="btn-group" data-toggle="buttons-radio">
									<button type="button" class="btn" data-toggle="tooltip" data-title="1/5"><i class="icon-star"></i></button>
									<button type="button" class="btn" data-toggle="tooltip" data-title="2/5"><i class="icon-star"></i></button>
									<button type="button" class="btn" data-toggle="tooltip" data-title="3/5"><i class="icon-star"></i></button>
									<button type="button" class="btn" data-toggle="tooltip" data-title="4/5"><i class="icon-star"></i></button>
									<button type="button" class="btn" data-toggle="tooltip" data-title="5/5"><i class="icon-star"></i></button>
								</div>
							</div>
						</div>
						<div class="control-group">
							<div class="controls">
								<button type="submit" class="btn btn-primary" name="submit">Add Review</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>

		<div ng-show="relatedProducts != null">
			<div class="titleHeader clearfix">
				<h3>Related Product</h3>
			</div>

			<div class="row">
				<ul class="clearfix" ng-repeat="p in relatedProducts">
					<li class="span3 clearfix">
						<div class="thumbnail">
							<a href=""><img ng-src="{{p.DefaultImage.Url}}" width="212" alt=""></a>
						</div>
						<div class="thumbSetting">
							<div class="thumbTitle">
								<a href="/#!/product/{{p.Code}}/{{p.Link}}">
									{{p.ShortDescription}}
								</a>
							</div>
							<div class="thumbPrice">
								<price value="{{p.BestPrice.Value}}"></price>
							</div>

							<div class="thumbButtons">
								<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" data-toggle="tooltip">
									<i class="icon-shopping-cart ico-white"></i>
								</button>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<aside class="span3">
		<div class="aside-inner" >
			<div>
				<div class="clearfix">
					<h3>Special</h3>
				</div>

				<ul ng-repeat="p in specialProductList" class="unstyled">
					<li class="span4 clearfix">
						<div class="thumbImage">
							<a href="/#!/product/{{p.Code}}/{{p.Link}}"><img ng-src="{{p.DefaultImage.Url}}" width="70" alt=""></a>
						</div>
						<div class="thumbSetting">
							<div class="thumbTitle">
								<a href="/#!/product/{{p.Code}}/{{p.Link}}">
									{{p.Title}}
								</a>
							</div>
							<price value="{{p.SalePrice.Value}}"></price>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</aside>

</div>

